<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成都小风车</title>
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
    <script src="bootstrap/js/jquery-3.2.1.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/com.css">
    
</head>
<body>
    <!-- nav start -->
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"></a>
                </div>
            
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">              
                    <ul class="nav navbar-nav navbar-right ta-c">
                        <li><a href="#">网站首页</a></li>                      
                        <li><a href="#">服务与支持</a></li>
                        <li><a href="#">产品展示</a></li>
                        <li><a href="#">客户</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#"><img src="images/logo_msg.png" alt=""></a></li>
                    </ul>
                </div>
            <!-- /.navbar-collapse -->
            </div>
        <!-- /.container-fluid -->
        </nav>
    </div>
    <!-- nav end -->
    <!-- 轮播 strat -->
    <div class="bg">
    <div id="carousel-id" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <!-- <div class="item">
                <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Example headline.</h1>
                        <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
                        <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
                    </div>
                </div>
            </div> -->
            <div class="item">
                
                    <div class="carousel-caption">
                        <h1>Another example headline.</h1>
                        <!-- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> -->
                        <!-- <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> -->
                    </div>
                
                <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="images/ppt1.jpg" class="center">
                
            </div>
            <div class="item active">
                <div class="carousel-caption">
                        <h1>One more for good measure.</h1>
                        <!-- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> -->
                        <!-- <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p> -->
                </div>
                <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/ppt3.jpg" class="center">
                
                    
                
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
        <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
    </div>  
   <!-- 轮播 end -->
    <div class="container">
        <!-- 服务 start -->
        <div id="server" class="server ta-c row">
            <p>服务与支持</p>
            <span class="center"></span>
            <div class="col-md-20 col-sm-6 col-xs-12">
                <div class="icon-md server1 center"></div>
                <h4>系统集成</h4>
                <p>低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护 
                </p>
            </div>
            <div class=" col-md-20 col-sm-6 col-xs-12">
                <div class="icon-md server2 center"></div>
                <h4>系统集成</h4>
                <p>低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护 
                </p>
            </div>
            <div class="col-md-20 col-sm-6 col-xs-12">
                <div class="icon-md server3 center"></div>
                <h4>系统集成</h4>
                <p>低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护 
                </p>
            </div>
            <div class="col-md-20 col-sm-6 col-xs-12">
                <div class="icon-md server4 center"></div>
                <h4>系统集成</h4>
                <p>低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护 
                </p>
            </div>
            <div class="col-md-20 col-sm-6 col-xs-12">
                <div class="icon-md server5 center"></div>
                <h4>系统集成</h4>
                <p>低成本的、高效率的<br>
                    性能匀称的<br>
                    可扩充性、可维护 
                </p>
            </div>
        </div>
        <!-- 服务 end -->
    </div>
    <div class="show">
        <div class="container row center">
            <p class="ta-c">产品展示</p>
            <span class="center"></span>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_app1.png" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_com4.jpg" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_com2.png" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_com5.jpg" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_web3.png" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="show1">
                    <img src="images/product_we1.png" alt="">
                    <h5>爱生鲜</h5>
                    <i>电商应用开发</i>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="customer ta-c row">
            <p >我们的客户</p>
            <span class="center"></span>
            <div class="col-md-3 col-sm-6 col-xs-12 ">
                <div class="customer1"></div>
            </div>
             <div class="col-md-3 col-sm-6 col-xs-12 ">
                <div class="customer2"></div>                 
            </div>
             <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="customer3"></div>
            </div>
             <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="customer4"></div>
            </div>
        </div>
    </div>
    <div class="about ta-c">
        <p>关于我们</p>
        <span class="center"></span>
        <h>以客户需求为导向，以客户价值为目标，以客户满意为标准<br>
                坚持变革，倡导创新，持续成长。 快速反应，快速决策，快速行动<br>
                企业与员工共同成长， 专注主营业务。 
        </h5>

    </div>
    <div class="map ">
        <div class="container ta-c row center">
            <div class="col-md-4 col-xm-12 col-sm-6 ta-c">
                <div class="tel center"></div>
                <h>电话：028-67871837</h>
            </div>
            <div class="col-md-4 col-xm-12 col-sm-6 ta-c">
                <div class="ad center"></div>
                <h>电话：028-67871837</h>
            </div>
            <div class="col-md-4 col-xm-12 col-sm-6 ta-c">
                <div class="em center"></div>
                <h>电话：028-67871837</h>
            </div>
        </div>
    </div>
    <div class="foot ta-c">
        <p>Copyright © 2017 Xiaofengche Inc. 保留所有权利。   蜀ICP备15020376号-1 </p>
    </div>
    <div class="line ta-c">
        <div class="show-line">
            <h>在线客服</h>
            <div class="qq">
                <img src="images/button_11.gif" alt="">
                <div>
                    <p>
                            合作洽谈QQ：<br>
                            459104018 <br>
                            合作洽谈微信：
                    </p>
                    <img src="images/qrcode.png">
                    <p>客户服务热线 <br>
                            028-67871837 <br>
                            13568933413</p>
                </div>
            </div>
        </div>
        <div class="on-line none">
            在线客服
            
        </div>
        
    </div>
    <script>
        $(".line>div").click(function(){
            $(this).addClass("none").siblings().removeClass("none")
            
        })
    </script>
</body>
</html>